<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>微信瑜伽&mdash;&mdash;会员卡管理</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" media="screen" href="/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="/css/dashboard.css">
    <link rel="stylesheet" href="/css/index.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/bootstrap/3.3.5/js/bootstrap.min.js"></script>
    <link rel="stylesheet" media="screen" href="/bootstrap/3.3.5/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" media="screen" href="/bootstrap/3.3.5/css/bootstrap-datetimepicker.min.css">
    <script type="text/javascript" src="/bootstrap/3.3.5/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="/bootstrap/3.3.5/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript" src="/lib/bootstrap-treeview/1.2.0/bootstrap-treeview.min.js"></script>
    <style type="text/css" id="tree-style"> .treeview .list-group-item {
        cursor: pointer
    }

    .treeview span.indent {
        margin-left: 10px;
        margin-right: 10px
    }

    .treeview span.icon {
        width: 12px;
        margin-right: 5px
    }

    .treeview .node-disabled {
        color: silver;
        cursor: not-allowed
    }

    .node-tree {
    }

    .node-tree:not(.node-disabled):hover {
        background-color: #F5F5F5;
    } </style>
</head>
<body>
<script type="text/javascript">
    /*&lt;![CDATA[*/
    /**
     * Created by 张乐平 on 8/2 0002.
     */

    jQuery(function () {
        function getTree() {
            // Some logic to retrieve, or generate tree structure
            return [
                {
                    text: "门店管理",
                    href: "managerHome.html"
                },
                {
                    text: "会员卡管理",
                    href: "cardManage.html",
                    state: {
                        checked: true,
                        disabled: false,
                        expanded: true,
                        selected: true
                    }
                }
            ];
        }

        $('#tree').treeview({enableLinks: true, data: getTree()});
        $('#myModal').modal('hide');

        $('#myModal').on('hide.bs.modal', function () {
            //alert('嘿，我听说您喜欢模态框...');
        })
    });

    var confirmDelUser = function (roleId) {
        $("#myModal-del").modal("show");
        $("#doDel").one("click", function () {
            window.location = "./del?roleId=" + roleId;
        });
    };
    var showUser111 = function (roleId) {
        $("#myModal-update").modal("show");
    };
    var addCard = function (roleId) {
        $("#addCard").modal("show");
    };
    function addUpdatetr() {
        $("#myUpdateTable").append("&lt;tr id='trUpdate" + updateNum + "'&gt;&lt;td&gt;&lt;input type='text' name='list[" + updateNum + "].dataType' id='list[" + updateNum + "].dataType' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;input type='text' name='list[" + updateNum + "].operation' id='list[" + updateNum + "].operation' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;input type='text' name='list[" + updateNum + "].dataDomain' id='list[" + updateNum + "].dataDomain' class='form-control'&gt;&lt;/td&gt; &lt;td&gt;&lt;span class='glyphicon glyphicon-trash' onclick='delUpdate(" + updateNum + ")' style='margin-bottom: .5em;'/&gt;&lt;/td&gt; &lt;/tr&gt;");
        updateNum++;
    }
    function delUpdate(num) {
        $("#trUpdate" + num).remove();
    }
    /*]]&gt;*/
</script>
<nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-12 col-md-12">
                <nav class="navbar navbar-default navbar-fixed-top ">
                    <div class="container-fluid">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                                    data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                                <span class="sr-only">Toggle navigation</span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                                <span class="icon-bar"></span>
                            </button>
                            <a class="navbar-brand" href="#">微信瑜伽管理后台</a>
                        </div>
                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav navbar-right">
                                <li><a href="/main">首页</a></li>
                                <!--<li class="dropdown">-->
                                <!--<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span>俱乐部管理</span><span class="caret"></span></a>-->
                                <!--<ul class="dropdown-menu">-->
                                <!--<li><a href="/club/clublist">已创建俱乐部</a></li>-->
                                <!--<li><a href="/club/applylist">俱乐部创建申请</a></li>-->
                                <!--</ul>-->
                                <!--</li>-->
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                                       aria-haspopup="true" aria-expanded="false"><span>系统设置</span><span
                                            class="caret"></span></a>
                                    <ul class="dropdown-menu">
                                        <li><a href="/system/authorization/users">用户管理</a></li>
                                        <li><a href="/system/authorization/roles/query">角色管理</a></li>
                                        <li><a href="/system/authorization/perms/query">授权管理</a></li>
                                    </ul>
                                </li>
                                <li><a href="/authc/logout">安全退出</a></li>
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
</nav>
<div class="container-fluid">
    <div class="row">
        <div class="col-sm-3 col-md-2 sidebar">
            <div id="tree" class="treeview">
                <ul class="list-group">
                    <li class="list-group-item node-tree" data-nodeid="0"
                        style="color:undefined;background-color:undefined;"><span class="icon glyphicon"></span><span
                            class="icon node-icon"></span><a href="/system/authorization/users" style="color:inherit;">用户管理</a>
                    </li>
                    <li class="list-group-item node-tree" data-nodeid="1"
                        style="color:undefined;background-color:undefined;"><span class="icon glyphicon"></span><span
                            class="icon node-icon"></span><a href="/system/authorization/roles/query"
                                                             style="color:inherit;">角色管理</a></li>
                    <li class="list-group-item node-tree node-checked node-selected" data-nodeid="2"
                        style="color:#FFFFFF;background-color:#428bca;"><span class="icon glyphicon"></span><span
                            class="icon node-icon"></span><a href="./query" style="color:inherit;">授权管理</a></li>
                </ul>
            </div>
        </div>
        <div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
            <ol class="breadcrumb">
                <li>微信瑜伽</li>
                <li><a href="#">会员卡管理</a></li>
            </ol>
            <!--<nav class="navbar navbar-default">-->
                <!--<div class="container-fluid">-->
                    <!--<div class="navbar-header">-->
                        <!--<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"-->
                                <!--data-target="#bs-example-navbar-collapse-2" aria-expanded="false">-->
                            <!--<span class="sr-only">Toggle navigation</span>-->
                            <!--<span class="icon-bar"></span>-->
                            <!--<span class="icon-bar"></span>-->
                            <!--<span class="icon-bar"></span>-->
                        <!--</button>-->
                        <!--<a class="navbar-brand" href="#">会员卡管理：</a>-->
                    <!--</div>-->
                    <!--<button type="button" class="btn btn-primary navbar-btn" data-toggle="modal" onclick="addCard()"-->
                            <!--data-target="#myModal">-->
                        <!--<span class="glyphicon glyphicon-plus" aria-hidden="true"></span>-->
                        <!--添加会员卡种类-->
                    <!--</button>-->
                    <!--&lt;!&ndash;<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2">&ndash;&gt;-->
                    <!--&lt;!&ndash;<form class="navbar-form navbar-right" role="search" method="get" action="/system/authorization/perms/query">&ndash;&gt;-->
                    <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
                    <!--&lt;!&ndash;<input class="form-control" placeholder="查询" id="dataType" name="dataType" value="" type="text">&ndash;&gt;-->
                    <!--&lt;!&ndash;<input name="page.pageSize" id="pageSize" value="20" type="hidden">&ndash;&gt;-->
                    <!--&lt;!&ndash;<input name="page.currentPage" id="currentPage" value="1" type="hidden">&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                    <!--&lt;!&ndash;<button type="submit" class="btn btn-default">查询</button>&ndash;&gt;-->
                    <!--&lt;!&ndash;</form>&ndash;&gt;-->
                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                <!--</div>-->
            <!--</nav>-->
            <ul class="nav nav-tabs">
                <li role="presentation"><a href="cardManage.html">年卡、次卡</a></li>
                <li role="presentation" class="active"><a href="#">私教卡</a></li>
                <li role="presentation"><a href="cardManage2.html">储值卡</a></li>
            </ul>
            <div class="modal fade" id="myModal-del" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-del"
                 aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel-del">
                                删除会员卡
                            </h4>
                        </div>
                        <div class="modal-body">
                            <p>
                                确定要删除会员卡<span id="delUserName"></span>吗？
                            </p>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                            </button>
                            <button type="button" class="btn btn-primary" id="doDel">
                                确定
                            </button>
                        </div>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal -->
            </div>
            <div class="modal fade" id="myModal-update" tabindex="-1" role="dialog"
                 aria-labelledby="myModalLabel-update" aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel-update">
                                会员卡信息
                            </h4>
                        </div>
                        <form method="post" action="/system/authorization/perms/update">
                            <div class="modal-body">
                                <input name="roleId" id="roleId" type="hidden">

                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称&nbsp;</span>
                                    <input id="jiese" name="roleName" class="form-control" placeholder="名称"
                                           aria-describedby="basic-username" type="text">
                                </div>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格&nbsp;</span>
                                    <input id="miaoshu" name="description" class="form-control" placeholder="价格"
                                           aria-describedby="basic-username" type="text">
                                </div>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;有&nbsp;&nbsp;&nbsp;效&nbsp;&nbsp;&nbsp;期&nbsp;</span>
                                    <input name="description" class="form-control" placeholder="有效期"
                                           aria-describedby="basic-username" type="text">
                                </div>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注&nbsp;</span>
                                    <input name="description" class="form-control" placeholder="备注"
                                           aria-describedby="basic-username" type="text">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                </button>
                                <button type="submit" class="btn btn-primary">
                                    确定
                                </button>
                            </div>
                        </form>
                    </div>
                    <!-- /.modal-content -->
                </div>
                <!-- /.modal -->
            </div>
            <div class="modal fade" id="addCard" tabindex="-1" role="dialog" aria-labelledby="myModalLabel-update" aria-hidden="true">
                <div class="modal-dialog" style="width: 400px;">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                ×
                            </button>
                            <h4 class="modal-title" id="myModalLabel-update">
                                添加会员卡种类
                            </h4>
                        </div>
                        <form method="post" action="/system/authorization/perms/update">
                            <div class="modal-body">
                                <input name="roleId" id="roleId" type="hidden">
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">&nbsp;名&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;称&nbsp;</span>
                                    <input id="jiese" name="roleName" class="form-control" placeholder="名称" aria-describedby="basic-username" type="text">
                                </div>
                                <nav class="navbar navbar-default">
                                    <div class="container-fluid">
                                        <div class="navbar-header">
                                            <label class="navbar-brand">属性</label>
                                        </div>
                                        <span class="glyphicon glyphicon-plus" onclick="addtr()"
                                              style="margin-bottom: .5em;"/>
                                    </div>
                                </nav>
                                <div class="input-group" style="margin-bottom: .5em;">
                                    <span class="input-group-addon">属性</span>
                                    <input name="description" class="form-control" placeholder="属性" aria-describedby="basic-username" type="text">
                                </div>
                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                                </button>
                                <button type="submit" class="btn btn-primary">
                                    确定
                                </button>
                            </div>
                        </form>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal -->
            </div>
            <div class="table-responsive">
                <button type="button" class="btn btn-primary navbar-btn" data-toggle="modal" onclick="showUser111(8)"
                        data-target="#myModal">
                    <span class="glyphicon glyphicon-plus" aria-hidden="true"></span>
                    添加会员卡
                </button>
                <table class="table table-striped">
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>名称</th>
                        <th>价格</th>
                        <th>有效期</th>
                        <th>备注</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr>
                        <td>1</td>
                        <td>单次</td>
                        <td>500元</td>
                        <td>当次有效</td>
                        <td>初次体验价200元</td>
                        <td>
                            <button type="button" class="btn btn-xs btn-info" onclick="showUser111(4)">
                                <span class="glyphicon glyphicon-edit" aria-hidden="false"></span>
                            </button>
                            &nbsp;&nbsp;
                            <button type="button" class="btn btn-xs btn-danger" onclick="confirmDelUser(4)">
                                <span class="glyphicon glyphicon-remove" aria-hidden="false"></span>
                            </button>
                        </td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>10次</td>
                        <td>3000元</td>
                        <td>6个月</td>
                        <td></td>
                        <td>
                            <button type="button" class="btn btn-xs btn-info" onclick="showUser111(8)">
                                <span class="glyphicon glyphicon-edit" aria-hidden="false"></span>
                            </button>
                            &nbsp;&nbsp;
                            <button type="button" class="btn btn-xs btn-danger" onclick="confirmDelUser(8)">
                                <span class="glyphicon glyphicon-remove" aria-hidden="false"></span>
                            </button>
                        </td>
                    </tr>
                    </tbody>
                </table>
                <nav style="float: right;">
                    <ul class="pagination">
                        <li>
                            <a aria-label="Previous"
                               href="/system/authorization/perms/query?pager.currentPage=1&amp;page.pageSize=20&amp;roleName=">
                                <span aria-hidden="true">«</span>
                            </a>
                        </li>
                        <li>
                            <a href="/system/authorization/perms/query?pager.currentPage=1&amp;page.pageSize=20&amp;roleName=">1</a>
                        </li>

                        <li>
                            <a aria-label="Next"
                               href="/system/authorization/perms/query?pager.currentPage=1&amp;page.pageSize=20&amp;roleName=">
                                <span aria-hidden="true">»</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>


</body>
</html>